<template>
  <view class="bui-notification gonggao">
    <view class="message-content">
      <view class="message-content--title ui-txt txt-large ui-ellipsis">{{content}}</view>
      <view class="message-read"></view>
    </view>
    <view class="message-data ui-m-t-xxs">
      <text class="ui-txt txt-caption-sm">{{publishTime | date_format}}</text>
    </view>
  </view>
</template>

<script>
import notificeMixins from "./mixins";
export default {
  name: "notification-gonggao",
  mixins: [notificeMixins],
  props: {},
  data() {
    return {};
  }
};
</script>

<style scoped lang="scss">
.bui-notification.gonggao {
  position: relative;
  background-color: $fill-base;
  padding: 20rpx 30rpx;
  .message-content {
    display: flex;
    flex-wrap: nowrap;
  }
}
</style>
